<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="style/calculator.css">
    <script type="application/javascript" src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script type="application/javascript"
            src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script type="application/javascript" src="js/calculator.js"></script>

    <title>实习bootstrap和计算器</title>

</head>
<body>
<div class="container">
    <div id="screen">
        <span id="number">0</span>
        <span id="sign"></span>
        <span id="result"></span>
    </div>

    <input class="input" type="text" name="num" maxlength="15" width="300px" height="50px" onfocus="this.blur();"
           value="0">
    <table class="table table-bordered">
        <tbody>
        <tr>
            <td id="del">C</td>
            <td id="retreat" class="glyphicon glyphicon-arrow-left"></td>
        </tr>
        <tr>
            <td class="num">7</td>
            <td class="num">8</td>
            <td class="num">9</td>
            <td class="math">/</td>
        </tr>
        <tr>
            <td class="num">4</td>
            <td class="num">5</td>
            <td class="num">6</td>
            <td class="math">*</td>
        </tr>
        <tr>
            <td class="num">1</td>
            <td class="num">2</td>
            <td class="num">3</td>
            <td class="math">-</td>
        </tr>
        <tr>
            <td id="float">.</td>
            <td class="num">0</td>
            <td id="equal">=</td>
            <td class="math">+</td>
        </tr>
        </tbody>
    </table>

</div>
</body>
</html>

